<!DOCTYPE html>  <!--主页网址-->
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>萌宠商城</title>
		<link href = "/css/index.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="/js/index/banner.js"></script>
		<script type="text/javascript" src="/js/index/touchslider.dev.js"></script>
		<script type="text/javascript" src="/js/index/index.js"></script>
	</head>
	<body style="background: #EEE; padding-bottom: 40px;">
		<!--顶部-->
		<div class="head" >
		  <div class="head_btn">
		    <h1>petq商城</h1>
		  <!--  <a id="list" ></a> -->
			</div >
		</div>
		<!--搜索-->
		<div class="searchbox">
		  <div class="search">
		    <input type="text" name="textfield" id="textfield" class="suru">
		    <input type="submit" name="button" id="button" value="" class="tjbtn">
		  </div>
		</div>
		<!--banner-->
		<div id="wrapper">
		  <div class="swipe">
		    <ul id="slider">
		      <li style="display:block"><a href="#" ><img src="" width="100%"></a></li>
		      <li><a href="#" ><img src="" width="100%"></a></li>
		      <li><a href="#" ><img src="" width="100%" ></a></li>
		      <li><a href="#" ><img src="" width="100%"></a></li>
		    </ul>
		    <div id="pagenavi"> <a href="javascript:void(0);" class="active">1</a> <a href="javascript:void(0);">2</a> <a href="javascript:void(0);">3</a> <a href="javascript:void(0);">4</a> </div>
		  </div>
		</div>
		<div class="icobox">
		  <ul>
		    <li> <a href="/productlist?logType=3&typeId=2" class="spfl">猫猫用品</a> </li>
		    <li> <a href="/productlist?logType=3&typeId=1" class="whd">狗狗用品</a> </li>
		    <li> <a href="/productlist?logType=3&typeId=3" class="xxt">小宠用品</a> </li>
		    <li> <a href="/productlist?logType=3&typeId=4" class="jfdh">水族用品</a> </li>
		    <li> <a href="/productlist?logType=3&typeId=5" class="jfdh">宠物玩具</a> </li>
		    <li> <a href="#" class="jfdh">宠物医疗</a> </li>
		  </ul>
		</div>
		<!--热卖-->
		<div class="hot"> <span class="more"><a href="/productlist?logType=5">+更多</a></span>热卖商品 </div>
		<div class="hot_txt">
		  <ul>
		    <li><a href="#">
		      <div><img src="" width="70%" height="70%"></div>
		      <div class="cpname01"></div>
		      <div class="jg01"></div>
		      </a></li>
		    <li>
				<a href="#">
		      <div><img src="" width="70%" height="70%"></div>
		      <div class="cpname01"></div>
		      <div class="jg01"></div>
		      </a>
			</li>
			  <li>
				  <a href="#">
		      <div><img src="" width="70%" height="70%"></div>
		      <div class="cpname01"></div>
		      <div class="jg01"> </div>
		      </a>
			  </li>
			 
		  </ul>
		</div>
		<!--新品-->
		<div class="new"> <span class="more"><a href="/productlist?logType=6">+更多</a></span>新品上市 </div>
		<div class="newcp">
		  <ul>
		    <li><a href="#">
		      <div class="img01"><img src="" width="120" height="120"></div>
		      <div class="cpname02"></div>
		      <div class="jg02"></div>
		      </a></li>
		    <li><a href="#">
		      <div class="img01"><img src="" width="120" height="120"></div>
		      <div class="cpname02"></div>
		      <div class="jg02"> </div>
		      </a></li>
		    <li><a href="#">
		      <div class="img01"><img src="" width="120" height="120"></div>
		      <div class="cpname02"></div>
		      <div class="jg02"> </div>
		      </a></li>
		    <li><a href="#">
		      <div class="img01"><img src="" width="120" height="120"></div>
		      <div class="cpname02"></div>
		      <div class="jg02"> </div>
		      </a></li>
		  </ul>
		</div>
		<!-- 底部 -->
		<div class="foot"> 
		<a href="/index" class="current" id="home">首页</a>
		<a href="/productlist?logType=6" id="sech">猜你喜欢</a>
		<a href="/ordercart" id="gwc">购物车</a>
		<a href="/aboutme" id="member">我的</a>
		</div>
	</body>
<script type="text/javascript">
	// 获取banner图
	$(function(){
		let url = "/doFindProductBanner"
		$.get(url,function (result) {
			freshBanner(result.data);
		});
	});
	//获取热门产品
	$(function(){
		let url = "/doFindProductList?byFlag=hot&orderFlag=1&pageCurrent=1";
		$.get(url,function (result) {
			freshHotProduct(result.data);
		});
	});
	//获取新品产品
	$(function(){
		let url = "/doFindProductList?byFlag=new&orderFlag=1&pageCurrent=1";
		$.get(url,function (result) {
			freshNewProduct(result.data);
		});
	});
</script>
</html>
